<template>
  <div class="demo">
    <div class="demo-title">预加载的卡片</div>
    <div class="demo-content">
      <Card :loading="loading" title="Card title">whatever content</Card>
      <Button style="margin-top: 16px" @click="handleClick">Toggle loading</Button>
    </div>
  </div>
</template>

<script lang="ts" setup>
  import { ref } from 'vue';
  import Button from '@sscd/button';
  import Card from '@sscd/card';
  const loading = ref(true);
  const handleClick = () => {
    loading.value = !loading.value;
  };
</script>
